<!-- Chat -->
{% if aryChatList is defined %}
    <table style="width: 100%">
    {% for aryData in aryChatList  %}
        <tr>
            <td style='padding-left:5px; width: '>
                {% if aryData['send_user_name'] == app.session.get('user_name') %}
                    <span style='font-weight:bold;color: aqua'>{{ aryData['send_user_name'] }}: </span>
                {% else %}
                    <span style='font-weight:bold;color: #A2C500'>{{ aryData['send_user_name'] }}: </span>
                {% endif %}
                {{ aryData['message'] }}
            </td>
            <td style="float: right;">
                <span style='float:right; padding-right:5px'>{{ aryData['send_at']|date("H:i:s") }}</span>
            </td>
        </tr>
    {% endfor %}
    </table>
    <!-- get count of msg array -->
    {% if aryChatList[aryChatList|length - 1]['send_user_name'] != app.session.get('user_name') %}
        <input type="hidden" id="hidNewMsgFromPartner" value="true"></input>
    {% else %}
        <input type="hidden" id="hidNewMsgFromPartner" value="false"></input>
    {% endif %}

    <input type="hidden" id="hidNewCountMsg" value="{{ aryChatList|length }}"></input>
{% endif %}
